// cropper插件使用的内置方法
// $('.container > img').cropper({
//     aspectRatio: 16 / 9,
//     crop: function(data) {
//       // 出来裁切后的图片数据.
//     }
//   });
$('#image').cropper({
    aspectRatio: 1,
    preview: '.img-preview'
  });
$('button:contains("上传")').on('click',function() {
  // 自动触发事件
  $('#file').trigger('click');
})
$('#file').on('change',function() {
  // console.dir(this);
  if(this.files.length > 0) {
    let fileObj = this.files[0];
    let url = URL.createObjectURL(fileObj);
    // console.log(url)
    $('#image').cropper('replace',url)
  }
})
$('button:contains("确定")').on('click',function() {
  let canvas = $('#image').cropper('getCroppedCanvas',{width:30,height:30});
  let base64 = canvas.toDataURL();
  // console.log(base64)
  axios.post('http://www.itcbc.com:8080/my/user/avatar',`avatar=${encodeURIComponent(base64)}`,{
    headers: {
        Authorization: localStorage.getItem('token')
    }
}).then(res => {
  let {status,message} = res.data;
  if(status === 0) {
    layer.msg(message);
    window.parent.getUserInfo();
  }
})
})